<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

</body>
<script>

    //阿贾克斯创建 new XMLHttpRequest
    let xhr = new XMLHttpRequest();
    //准备请求open,后面跟着URL,设置阿贾克斯get或者post
    //然后设置要提交到哪里的网址
    // true为异步，false为同步，默认是异步
    //请求携带的参数使用？，如果有多个参数使用&，务必要跟在URL后面，而且是URL里面
    //GET请求
    //  xhr.open('GET','index.php?name=sanguo,true);
    //POST请求
    //  xhr.open('POST','index.php');
    //POST需要设置请求头
    // xhr.setRequestHeader('Content-type','applican/-x-form-www-urlencode');
    //POST传参
    // let data = {
    //     name:'sanguo',
    //     author:'wei',
    //     size:1
    // };
    //需要把对象转换成字符串
    // data = JSON.stringify(data);
    // xhr.send(data);
    //发送请求send
    // xhr.send();
    xhr.open('GET','http://www.kuaidi100.com/query?type="shentong"&postid=55555');
    xhr.send();
    //处理响应两个参数 onload和onreadystatechange
    // onload阿贾克斯请求完成之后才会被触发
    xhr.onload = function () {
        //判断阿贾克斯的状态。
        if(xhr.status===200){
            //  responseText获得字符串形式的响应
            let res = xhr.responseText;
            //将json对象转换成字符串 json.stringify
            //   将json字符串转换为对象json.parse
            res = JSON.parse(res);
            console.log(res);
        }
    };

    // xhr.onreadystatechange = function () {
    //     if(xhr.readyState===4&& xhr.status===200){
    //         let res = xhr.responseText;
    //         res = JSON.parse(res);
    //         console.log(res);
    //     }
    // }




</script>
</html>